iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0
佛心分享-SideProject30

購物車 App 與後台系列 第 3

Day03 - Wireframe 與 Prototype

  • 分享至 

  • xImage
  •  

一個清晰可見的目標

Web/App 一定會有一個(多個)使用者角色
每一個角色的 user case 透過 diagrame 列舉出來後
接下來就是把 user case 轉換成實際的畫面
直接實作畫面十分曠日費時
Wireframe 或 Prototype 是不錯的選擇
時間 是一個考慮的問題

設計不是我主要想要點的技能樹,可依據個人做調整

目前較常用的是 Figma

Prototype

前端 Web 部分我使用的是 Material UI(MUI)
先找了 Figmat 中免費的 樣板

實作完之後可以將流程拉一下
順便也是順一下邏輯
確認是否與自己預期的有落差

範例


上一篇
Day02 - user case diagram
下一篇
Day04 - 專案管理解決方案
系列文
購物車 App 與後台11
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言